<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>

<head>
<base href="<%=basePath%>">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<meta charset="UTF-8">
<link rel="stylesheet" href="Content/mypluing/css/cursor.css" />
<link rel="stylesheet"
	href="Content/bootstrap-3.3.5-dist/css/bootstrap-theme.css" />
<link rel="stylesheet"
	href="Content/bootstrap-3.3.5-dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="Content/css/Layout_basic.css" />
<link rel="stylesheet" href="Content/css/fileinput.min.css" />
<link rel="stylesheet" href="Content/css/Layout_user_personalPublic.css" />
<link rel="stylesheet" href="Content/css/sweet-alert.css" />

<title></title>
</head>

<body>

	<!-- 头部 开始  -->
	<form action="javascript:;" id="form-select">
		<header class="page-header page-header-contain">

			<span class="title">查看已发布的租售信息</span>


		</header>
	</form>
	<!-- 头部 结束 --->

	<!-- 信息列表 开始 -->
	<section class="table-responsive">
		<table class="table table-striped table-bordered table-hover">
			<thead>
				<tr>
					<th>房产发布信息编号</th>
					<th>所有者</th>
					<th>发布时间</th>
					<th>最低预订价格</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
		<ul class="pager">
			<li class="previous disabled"><a href="javascript:;">&larr;
					上一页</a></li>
			<li class="next"><a href="javascript:;">下一页
					&rarr;</a></li>
		</ul>
	</section>

	<!-- 信息列表  结束 -->

	<!-- 房产信息详情 开始 --->
	<div class="modal fade" id="estateDtail" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">
						房产信息详情&nbsp;&nbsp;<small class="estateID">1</small>
					</h4>
				</div>
				<div class="modal-body table-responsive">
					<table class="table">
						<tr>
							<td><label class="label label-info">房产所有人</label></td>
							<td id="owner">1</td>
							<td><label class="label label-info">电话</label></td>
							<td id="tel"></td>
						</tr>
						<tr>

							<td><label class="label label-info">email</label></td>
							<td id="email"></td>
							<td><label class="label label-info">产权证类型</label></td>
							<td id="certificateType">房产证</td>
						</tr>

						<tr>
							<td><label class="label label-info">产权证书编号</label></td>
							<td id="certificateId">xw8584848</td>
							<td><label class="label label-info">房产使用状态</label></td>
							<td id="estateUsingStatue">自用</td>
						</tr>
						<tr>
							<td><label class="label label-info">房屋结构</label></td>
							<td id="structure">纲结构</td>
							<td><label class="label label-info">房屋类型</label></td>
							<td id="estateType">商品房</td>
						</tr>
						<tr>
							<td><label class="label label-info">面积</label></td>
							<td><span id="acreage">88</span>m<sup>2</sup></td>
							<td><label class="label label-info">地址</label></td>
							<td id="estateAddress">四川省 德阳市 师古镇 大泉坑一一组</td>

						</tr>

					</table>
				</div>
				<div class="modal-footer table-responsive">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button>
					
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>
	<!-- 房产信息详情 结束 --->
	
		
		
	<!-- 租售信息详情 开始-->
	<div class="modal fade" id="PublicInfo"  tabindex="-1"
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">
							房产租售信息详情<small>&nbsp;&nbsp;&nbsp;编号:&nbsp;&nbsp;<span
								class="PublicInfoID">1</span></small>
						</h4>
					</div>
					<div class="modal-body">
						<table class="table">
							<tr>
								<td class="col-xs-2">
									<span class="label label-success">最多预订人数:</span>
								</td>
								<td class="col-xs-3" id="maxScheduleAmount"></td>
								<td class="col-xs-2">
									<span class="label label-success">最低预订价格:</span>
								</td>
								<td class="col-xs-3" id="minPrice"></td>
								
							</tr>
							<tr>
								<td class="col-xs-2">
									<span class="label label-success">单位:</span>
								</td>
								<td class="col-xs-3" id="unit"></td>
								<td class="col-xs-2">
									<span class="label label-success">发布时间:</span>
								</td>
								<td class="col-xs-3" id="publishTime"></td>
							</tr>

						</table>
						<div>
							<p><span class="label label-success">描述:</span></p>
							<div id="publicDescribe"></div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>
						
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
	<!-- 租售信息详情 结束-->	
		
		
		
		
	<!-- 房产租售信息修改  开始 -->
	
	
	
	<form method="post" action="javascript:;" id="public-form">
		<input type="hidden" value="" name="id" />
		<div class="modal fade" id="estatePublic"  tabindex="-1"
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-hidden="true">&times;</button>
						<h4 class="modal-title">
							房产发布信息修改<small>&nbsp;&nbsp;&nbsp;编号:&nbsp;&nbsp;<span
								class="PublicInfoID">1</span></small>
						</h4>
					</div>
					<div class="modal-body">
						<table class="table">
							<tr>
								<td class="col-xs-1"><span class="label label-success">最多预订人数:</span>
								</td>
								<td class="col-xs-4">
									<select name="maxScheduleAmount" class="form-control">
										<option value>-----请选择----</option>
										<option value="5">5</option>
										<option value="6">6</option>
										<option value="7">7</option>
										<option value="8">8</option>
										<option value="9">9</option>
										<option value="10">10</option>
									</select>
								</td>
								<td class="col-xs-1"><span class="label label-success">最低预订价格:</span>
								</td>
								<td class="col-xs-4"><input type="text" class="form-control" name="minPrice" />
								</td>
								
								
							</tr>
							<tr>
								<td class="col-xs-1"><span class="label label-success">单位:</span>
								</td>
								<td class="col-xs-4">
									<select name="unit" class="form-control">
										<option value>-----请选择----</option>
										<option value="m2">m<sup>2</sup></option>
										<option value="月">月</option>
										<option value="天">天</option>
									</select>
								</td>
								<td class="col-xs-1">
									<span class="label label-success">描述:
								</td>
							<td>
								<textarea class="form-control"name="publicDescribe"></textarea>
							</td>
							</tr>

						</table>

					</div>
					<div class="modal-footer btn-group">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭
						</button>
						<button id="modify-submit" type="button" class="btn btn-primary">
						提交更改
						</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
	</form>
	<!-- 房产租售信息发布  结束 -->
	

	
	

	
	
	

</body>
<script type="text/javascript" src="Content/js/jquery-1.11.3.js"></script>
<script type="text/javascript"
	src="Content/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="Content/js/sweet-alert.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=n7mTxnHfQyF2MG5CN76ZXe7z"></script>
<script type="text/javascript" src="Content/js/fileinput.min.js" ></script>
<script type="text/javascript" src="Content/js/fileinput_locale_zh.js" ></script>
<script type="text/javascript" src="Content/js/Js_user_personalPublic.js"></script>

</html>